<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body style="height:2000px">
		<input type="text" id="inp">
		<script type="text/javascript">
			//键盘事件
//			document.onkeydown = function(){
//				console.log("按下事件");
//			}
//			document.onkeypress = function(){
//				console.log("keypress事件");
//			}
//			document.onkeyup = function(){
//				console.log("松开事件");
//			}
			
			//UI事件
//			document.getElementsByTagName("body")[0].onresize = function(){
//				alert("窗口大小变了");  //翻遍窗口大小时触发的事件
//			};
			document.getElementsByTagName("body")[0].onscroll = function(){
				alert("滚动了滚动条");  //翻遍窗口大小时触发的事件
			};
		</script>
	</body>
</html>
